<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>教练信息</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <!--教练信息-->
  <div>
    <div class="avatars-box" *ngIf="teachers.length>1">
      <ul class="avatars-list">
        <li *ngFor="let teacher of teachers;let j=index"
            (click)="chooseTeacher(teacher,j)">
          <div class="avatar" [class.active]="j===teacherIndex">
            <img class="avatar-min" [src]="teacher?.photo || dataStore.defaultAvatar" alt="">
            <!--<seed-avatar [lazyLoadAvatar]="teacher?.photo"></seed-avatar>-->
          </div>
          <p class="text-ellipsis">{{dataStore.roleType[teacher?.roleType]}}</p>
        </li>
      </ul>
    </div>
    <div class="teacher-info" *ngIf="curTeacherInfo">
      <div class="basic-info seed-underline seed-flexbox seed-flexbox-align-center seed-flexbox-content-between">
        <p>
          <img class="avatar" src="{{curTeacherInfo?.photo || dataStore.defaultAvatar}}" alt="">
          <!--<seed-avatar [lazyLoadAvatar]="curTeacherInfo?.photo"></seed-avatar>-->
        </p>
        <div class="teacher-name text-ellipsis">{{curTeacherInfo?.name}}</div>
      </div>
      <div class="info">
        <div class="seed-underline">
          <span class="key">性别</span>
          <p>{{curTeacherInfo?.sex===1?'男':(curTeacherInfo.sex===2?'女':'保密')}}</p>
        </div>
        <div class="seed-underline">
          <span class="key">国籍</span>
          <p>{{curTeacherInfo?.country || '暂无'}}</p>
        </div>
        <div class="seed-underline">
          <span class="key">年龄</span>
          <p>{{curTeacherInfo?.age || '暂无'}}</p>
        </div>
        <div class="seed-underline">
          <span class="key">证书</span>
          <p class=" text-ellipsis">{{curTeacherInfo?.certificateName || '暂无'}}</p>
        </div>
        <div class="seed-underline">
          <span class="key">机构认证</span>
          <p class=" text-ellipsis">{{curTeacherInfo?.orgAuthority || '暂无'}}</p>
        </div>
        <div>
          <span class="key">执教年限</span>
          <p> {{curTeacherInfo.teachYear ? curTeacherInfo.teachYear + '年' : '暂无'}}</p>
        </div>
      </div>
      <div class="intro">
        <p class="title">教练简介</p>
        <div class="intro-content">{{curTeacherInfo?.intro?curTeacherInfo?.intro:'暂无'}}</div>
      </div>
    </div>
  </div>
</seed-content>
